.header{
    width:100%;
    color:#fff;
    margin-bottom:20px;
}
.header .header_text{
    height:100px;
    line-height: 100px;
    width:72%;
    text-align: left;
    font-size: 50px;
}
.header .header_time{
    height:100px;
    line-height: 100px;
    width:28%;
    text-align: right;
    font-size: 30px;
}
.content {
    width:100%;
    margin-bottom:60px;
}
.content .left_chart,.content .mid_chart,.content .right_chart{
    height:900px;
    width:32%;
}
.content .left_chart,.content .mid_chart{
    margin-right:2%;
}
.content .left_chart .top,.content .left_chart .middle,.content .left_chart .bottom{
    height:200px;
    width:100%;
    border:1px solid #2F528F;
    margin-bottom:100px;
}
.content h1{
    height:50px;
    line-height: 50px;
    width:60%;
    background: url(../img/notice_bg.png) no-repeat center center;
    background-size: 100%;

}
.content .left_chart .top>div,.content .left_chart .middle>div,.content .left_chart .bottom>div{
    height:100px;
    text-align: center;
    line-height: 100px;
    padding-top:30px;
}
.content .left_chart .top div span{
    font-size:50px;
}
.content .left_chart .l, .content .left_chart .r{
    width:50%;
    height:90px;
    line-height: 90px;
    font-size: 40px;
    padding:0 10px;
}
.content .left_chart .l{
    background: #111934;
}
.content .left_chart .r{
    background: #77233C;
}


.content .mid_chart .top,.content .mid_chart .bottom,.content .right_chart .top,.content .right_chart .bottom{
    height:400px;
    width:100%;
    border:1px solid #2F528F;
    margin-bottom:50px;
}
.content .chart{
    height:350px;
}
